<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title>首页</title>
   <link rel="stylesheet" href="../css/ceshi.css">
   <link rel="stylesheet" href="../css/style.css">
   <link rel="stylesheet" href="../css/head.css">
   <style>
      .content{
         width: 100%;
         height: 400px;
         position: absolute;
         top: 53.5%;
         margin-top: 45px;
      }
      .content:after{
         display:block;
         clear:both;
         content:"";
         visibility:hidden;
         height:0;
         overflow:hidden;
      }
      .store-content{
        width: 1220px;
        padding: 0 0 25px;
        margin: 0 auto;
        margin-top: 25px;
       }
       .gray-box {
		    margin-bottom: 0;
		    overflow: hidden;
		    background: #fff;
		    border-radius: 8px;
		    border: 1px solid #dcdcdc;
		    box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
		}
		.shopping-info {
		    margin: 10px 0 0 0;
		    overflow: hidden;
		    background: #fff;
		    text-align: center;
		}
        .shopping-info li .online-services {
            cursor: pointer;
        }
        .shopping-info li {
            float: left;
            width: 304px;
            height: 153px;
        }
        .shopping-info li span {
                margin: 33px auto 5px;
                display: block;
                width: 32px;
                height: 36px;
        }
        .shopping-info li h5 {
            color: #000;
            font-size: 15px;
            line-height: 25px;
        }
        .shopping-info li h6 {
            color: #A8A8A8;
            font-size: 12px;
            line-height: 24px;
        }
     
.footer{
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    display: block;
}
.container{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.footer .siteinfo{
    height: 100px;
    padding: 100px 0 32px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.footer .copyright{
        color: #434d55;
    font-size: 12px;
    padding: 40px 0;
}
.nav-footer h3{
    color: #646464;
  font-size: 12px;
  padding: 0 0 14px;
}
.nav-footer a{
        color: #969696;
}
.first_li {
    width: 149px;
    line-height: 1;
    float: left;
}
.last_li{
      color: #c3c3c3;
    font-size: 12px;
    padding: 6px 0;
}
.service{
    float: right;
    position: absolute;
    right: 0;
    overflow: hidden;
    line-height: 34px;
}
.footer .service  .tel{
            text-align: right;
    font-size: 30px;
    line-height: 1;
    cursor: default;
    color: #646464;
    top: -2px;
    position: relative;
}
.service .time{
        clear: both;
    width: 241px;
    font-size: 12px;
    line-height: 18px;
    color: #c3c3c3;
    text-align: right;
}
.footer .service li.online a {
        float: right;
    width: 102px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(#fcfcfc,#f5f5f5);
    cursor: pointer;
    font-size: 14px;
    padding: 0 0 0 26px;
    margin-top: 8px;
    text-align: left;
    color: #5079d9;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.footer  .copyright  h4 , .footer  .copyright  h5 {
        float: left;
    height: 15px;
    line-height: 15px;
    color: #757575;
}
.footer .privacy{
      float: left;
    margin: 0 0 0 12px;
}
.footer .privacy li{
        float: left;
    line-height: 12px;
    padding: 1px 10px 0;
    border-left: 1px solid #ccc;
}
.footer .privacy li a{
        color: #5079d9;
    cursor: pointer;
    transition: all .15s ease-out;
    text-decoration: none;
}
.footer .copyright h6{
        clear: both;
    padding: 10px 0 0;
    height: 15px;
}
.footer .copyright h6 a{
        color: #bdbdbd;
    font-size: 12px;
    height: 12px;
    line-height: 1;
}
.footer .copyright h6 span{
        margin-right: 20px;
}

.shop{
    width: 1200px;
    height: 40px;
    /* border: 2px solid #ccc; */
    margin: 525px auto  0;
    border-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.shop p{
    width: 180px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center;
    background-color: sandybrown;
}
.shop p a{
    font-size: 30px;
    color: red;
}
.list{
    display: flex;
    justify-content: space-around;
    width: 1200px;
    height: 400px;
    margin: 10px auto 0;
}
   </style>
</head>
<body>
    <div class="d0">
       <div class="cont">
       <!--购物车-->
	    <div class="top_cart">
         <a name="cart" href="#">
            <img src="../img/d7db56d1d850113f016c95e289e36efa.png" />购物车（0）
         </a>
   </div>
         <!--注册登录-->
           <div class="top_info">
           <a href="./login.html">登录</a>
           <span>|
           </span>
           <a href="./reg.html">注册</a>
           <span>|
           </span>
           <a href="#" name="logout">退出登录</a>
           <span>|
           </span>
            </div>
         </div>
    </div>
   <!-- 导航条 -->
   <div class="head">
      <div class="navbox"> 
         <!-- 侧边栏菜单 -->
         <div class="sidenav">
            <label><i></i>全部分类</label>
            <ul class="side">
               <li>
                  <a href="#"><i class="side_t icon1"></i>手机数码</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>全部手机</b></dt>
                        <dd>
                           <a href="#">iPhone</a>
                           <a href='#'>小米</a>
                           <a href='#'>iQOO</a>
                           <a href='#'>vivo</a>
                           <a href='#'>OPPO</a>
                           <a href='#'>荣耀</a>
                           <a href='#'>一加</a>
                           <a href='#'>华为</a>
                           <a href='#'>三星</a>
                           <a href='#'>魅族</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon2"></i>电脑办公</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>笔记本游戏本轻薄本</b></dt>
                        <dd>
                           <a href="#">Apple</a>
                           <a href='#'>联想</a>
                           <a href='#'>惠普</a>
                           <a href='#'>戴尔</a>
                           <a href='#'>小米</a>
                           <a href='#'>华硕</a>
                           <a href='#'>神舟战神</a>
                           <a href='#'>华为</a>
                           <a href='#'>微软电脑一体机</a>
                           <a href='#'>PC游戏台机</a>
                           <a href='#'>商用台式电脑</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon3"></i>少儿频道</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>幼儿启蒙</b></dt>
                        <dd>
                           <a href="#">精装图画书</a>
                           <a href='#'>益智游戏玩具书</a>
                           <a href='#'>中国儿童文学</a>
                           <a href='#'>外国儿童文学</a>
                           <a href='#'>科普百科</a>
                           <a href='#'>少儿英语</a>
                           <a href='#'>励志成长动漫卡通</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon4"></i>易购超市</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>特色馆</b></dt>
                        <dd>
                           <a href='#'>进口牛奶</a>
                           <a href='#'>进口休闲零食</a>
                           <a href='#'>进口饼干糕点</a>
                           <a href='#'>进口葡萄酒/果酒</a>
                           <a href='#'>进口膨化食品</a>
                           <a href='#'>进口橄榄油</a>
                           <a href='#'>进口饮品</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon5"></i>个人健康</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>护肤产品</b></dt>
                        <dd>
                           <a href="#">面膜</a>
                           <a href='#'>洗面奶</a>
                           <a href='#'>防晒喷雾</a>
                           <a href='#'>爽肤水</a>
                           <a href='#'>乳液</a>
                           <a href='#'>面霜</a>
                           <a href='#'>眼霜</a>
                           <a href='#'>日霜晚霜</a>
                           <a href='#'>精华卸妆</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon6"></i>服装城</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>特卖品牌</b></dt>
                        <dd>
                           <a href="#">阿迪达斯</a>
                           <a href='#'>耐克</a>
                           <a href='#'>安德玛</a>
                           <a href='#'>斯凯奇</a>
                           <a href='#'>彪马</a>
                           <a href='#'>特步</a>
                           <a href='#'>鸿星尔克</a>
                           <a href='#'>李宁</a>
                           <a href='#'>安踏</a>
                           <a href='#'>匡威</a>
                           <a href='#'>361°</a>
                        </dd>
                     </dl>
                  </div>
               </li>
               <li>
                  <a href="#"><i class="side_t icon7"></i>家用电器</a>
                  <div class="side_main">
                     <dl>
                        <dt><b>空调频道</b></dt>
                        <dd>
                           <a href="#">美的</a>
                           <a href='#'>格力</a>
                           <a href='#'>海尔</a>
                           <a href='#'>海信</a>
                           <a href='#'>TCL</a>
                           <a href='#'>小Biu空调</a>
                           <a href='#'>科龙</a>
                           <a href='#'>华凌</a>
                           <a href='#'>卡萨帝</a>
                           <a href='#'>奥克斯</a>
                        </dd>
                     </dl>
                  </div>
               </li>
            </ul>
            
         </div>
         <!-- 主菜单 -->
         <div class="nav headrg">
            <ul class="nav_pc">
               <li>
                  <a class="f_a" href="#">首页</a>
                  <div class="s_navbox">
                     <div class="s_a"></div>
                  </div>
               </li>
               <li>
                  <a class="f_a" href="#">关于我们</a>
                  <div class="s_navbox">
                     <div class="s_a">
                        <a href="#">关于我们</a>
                        <a href="#">公司简介</a>
                        <a href="#">市场环境</a>
                     </div>
                  </div>
               </li>
               <li> 
                  <a class="f_a" href="#">易购超市</a>
                  <div class="s_navbox">
                     <div class="s_a">
                        <a href="#">生鲜肉食</a>
                        <a href="#">酒水饮料</a>
                        <a href="#">食品粮油</a>
                        <a href="#">清洁日用</a>
                        <a href="#">个人守护</a>
                     </div>
                  </div>
               </li>
               <li> 
                  <a class="f_a" href="#">电器城</a>
                  <div class="s_navbox">
                     <div class="s_a">
                        <a href="#" >空调</a>
                        <a href="#" >冰箱洗衣机</a>
                        <a href="#" >电影家电</a>
                        <a href="#" >厨卫电器</a>
                        <a href="#" >生活家</a>
                     </div>
                  </div>
               </li>
               <li> 
                  <a class="f_a" href="#">手机数码</a>
                  <div class="s_navbox">
                     <div class="s_a">
                        <a href="#">精选大牌</a>
                        <a href="#">电脑办公</a>
                        <a href="#" >智能数码</a>
                        <a href="#" >DIY/外设</a>
                     </div>
                  </div>
               </li>
               <li> 
                  <a class="f_a" href="#">相关资讯</a>
                  <div class="s_navbox">
                     <div class="s_a">
                        <a href="#">招生简章</a>
                        <a href="#">公司新闻</a>
                        <a href="#">行业资讯</a>
                        <a href="#">招贤纳士</a>
                     </div>
                  </div>
               </li>
               <li> 
                  <a class="f_a" href="#">联系我们</a>
                  <div class="s_navbox">
                     <div class="s_a">
                     </div>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
    <!--轮播部分-->
    <div class="slider">
      <div id="slideBox" class="slideBox">
         <div class="hd">
            <ul>
               <li></li>
               <li></li>
               <li></li>
            </ul>
         </div>
         <div class="bd">
            <ul>
               <li><img src="../img/back1.jpg" /></li>
               <li><img src="../img/back2.png" /></li>
               <li><img src="../img/back3.jpg" /></li>
            </ul>
         </div>
      </div>
   </div>   
   <!-- 选项卡 -->
   <div class="content">
      <div class="tab" style="background-image:url(../img/bg1.png)">
         <div class="box">
             <ul class="menus">
                 <li class="bg">生活家电</li>
                 <li>中秋佳节</li>
                 <li>零食嗨购</li>
                 <li>家居建材</li>
                 <li>精选新品</li>
                 <li>生活零食</li>
                 <li>清洁守护</li>
             </ul>
             <div class="right">
                 <div class="scroll">
                     <div class="tab_right">
                         <img src="../img/tab1.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab2.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab3.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab4.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab5.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab6.jpg" alt="">
                     </div>
                     <div class="tab_right">
                         <img src="../img/tab7.jpg" alt="">
                     </div>
                 </div>
             </div>
         </div>
     </div>
   </div>
<!-- 商品页 -->
<div class="shop">
   <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=食品酒水" role="button">食品酒水</a></p>
   <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">童装玩具</a></p>
   <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家装建材" role="button">家装建材</a></p>
   <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=奶粉尿裤" role="button">奶粉尿裤</a></p>
   <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">其他产品</a></p>
</div>
<div class="list">
    <img src="../img/list1.jpg" alt="">
    <img src="../img/list2.jpg" alt="">
    <img src="../img/list3.jpg" alt="">
    <img src="../img/list4.jpg" alt="">
    <img src="../img/list5.jpg" alt="">
 </div>


<!-- 标识 -->
   <div class="sku-box store-content">
   <div class="main">
       <div>
           <ul class="shopping-info gray-box">
               <li class="online-services" >
                   <span class="online"><img src="../img/icon01.png"/></span>
                   <h5>在线客服</h5>
                   <h6>周一至周日 9:00-18:00</h6></li>
               <li class="online-services" >
                   <span class="online"><img src="../img/icon02.png"/></span>
                   <h5>7 天无理由退货</h5>
                   <h6>7 天无理由退货 请放心购买</h6></li>
               <li class="online-services" >
                   <span class="online"><img src="../img/icon03.png"/></span>
                   <h5>15 天免费换货</h5>
                   <h6>15 天内如遇质量问题 免费换货</h6></li>
               <li class="online-services" >
                   <span class="online"><img src="../img/icon04.png"/></span>
                   <h5 class="ng-binding">满 150 元免运费</h5>
                   <h6>全场使用顺丰快递</h6></li>
           </ul>
       </div>
   </div>
</div>
<!-- 尾部 -->
<div id="footer">
   <div class="footer">
       <div class="container">
           <div class="siteinfo">
               <ul class="nav-footer">
                   <li class='first_li'>
                       <h3 >订单服务 </h3>
                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">购买指南</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">支付方式</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">送货政策</a>
                           </li>
                       </ul>
                   </li>
                   
                   <li class='first_li'>
                       <h3 >服务支持 </h3>

                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">售后服务</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">维修门店</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">零售门店</a>
                           </li>
                       </ul>
                   </li>
                   
                   <li class='first_li'>
                       <h3 >自助服务  </h3>
                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">热点咨询</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">预约购买</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">订单物流</a>
                           </li>
                       </ul>
                   </li>
                   
                   <li class='first_li'>
                       <h3 >媒体中心  </h3>
                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">新闻动态</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">官方视频</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">图片资源</a>
                           </li>
                       </ul>
                   </li>
                   
                   <li class='first_li'>
                       <h3 >关于公司  </h3>
                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">公司简介</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">加入我们</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">联系我们</a>
                           </li>
                       </ul>
                   </li>
                   
                   <li class='first_li'>
                       <h3 >关注我们  </h3>
                       <ul >
                           <!---->
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/instruction">新浪微博</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/payment">官方微信</a>
                           </li>
                           <li class='last_li'>
                               <a _ href="//www.smartisan.com/support/#/delivery">官方贴吧</a>
                           </li>
                       </ul>
                   </li>
               </ul>
               
               <ul class="service">
                   <li class="tel">400-626-5666</li>
                   <li class="time">周一至周日 9:00-18:00（仅收市话费）</li>
                   <li class="online">
                       <a href="//www.smartisan.com/support/#/self-service"><span class="smartisan-icon info-question"></span>在线帮助</a>
                   </li>
               </ul>
           </div>
           <div class="copyright">
               <h4 >Copyright ©, Smartisan Digital Co., Ltd. All Rights Reserved.</h4>
               <h5 class="company">北京科技有限公司</h5>
               <ul   class="privacy">
                   <li  >
                       <a   href="//www.smartisan.com/support/#/agreement">法律声明</a>
                   </li>
                   <li  >
                       <a   href="//www.smartisan.com/support/#/privacy">隐私条款</a>
                   </li>
                   <li   class="devstore">
                       <a   href="http://dev.smartisan.com/">开发者中心</a>
                   </li>
               </ul>
               <h6  > 
                   <a   href="http://www.miibeian.gov.cn/" target="_blank">
                       <span  >京ICP备14041720号-1</span>
                       <span  >京ICP证140622号</span>
                       <span  >京公网安备11010502025474</span>
                   </a> 
               </h6>
           </div>
       </div>				
   </div>

</div>
    <script src="../tools/jquery.min.js"></script>
    <script src="../tools/jquery.min.2.js"></script>
    <script src="../tools/jquery.SuperSlide.2.1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/index.js"></script>
    <script src='../js/script.js'></script>
    <script src="../js/frist.js"></script>
</body>

</html>